#storytelling-title {
	width: 335px;
	font-size: 50px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
	margin: 0 auto; 
	margin-top: 30px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: 'Myriad-Pro', 'Myriad', helvetica, arial, sans-serif;  
	text-shadow: 0px 0px 3px #DCDCDC;  
	letter-spacing: 0;  
	-webkit-text-stroke: .5px #666;
}
#storytelling-title-line { 
    background: #659B40;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#659B40), to(#FFFFFF));
/* CSS tricks version
 	background: -webkit-gradient(linear, 0 0, 100% 0, from(#659B40), to(#FFFFFF), color-stop(50%, #659B40));
 */
}
#storytelling-stories {
	/*width: 24%;*/
	width: 300px;
	min-width: 300px;
	margin: 30px 10px 0 30px;
	padding: 15px;
	background: #DCDCDC;
   	-webkit-box-shadow:  inset 0 0 10px #666;	
		-moz-box-shadow: inset 0 0 10px #666;
   			box-shadow:  inset 0 0 10px #666;	
   	position: relative;
	float: left;
}
.storytelling-story {
	width: 300px;
	height: 180px;
	margin: 0 0 15px 0;
}
.storytelling-story img {
	width: 300px;
	height: 180px;
}
.storytelling-story-text-wrapper {
	width: 300px;
	height: 180px;
	position: relative;
	float: left;
	margin: 0 auto;
	overflow: hidden;
}
.storytelling-story-text {
	width: 95%;
	height: 180px;
	color: #EEEEEE;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	/*margin: -68px 0 3px 0;*/
	padding: 10px;
	position: absolute;
	top: 130px;
	transition: color .2s;
	transition: top .5s;
	-webkit-transition: top .5s;
		-moz-transition: top .5s;
			-o-transition: top .5s;
				transition: top .5s;
	z-index: 2;
}
.storytelling-story-text:hover {
	top: 0;
	color: #FFFFFF;
}	
.storytelling-story:hover .storytelling-story-text {
	top: 0;
}
.storytelling-story-blurb {
	position: absolute;
	top: 60px;
	margin: 0 20px 0 20px;
	font-size: 15px;
	line-height: 17px;
}
#storytelling-stories-ad {
	display: block;
	margin: 0 auto;	
}
#storytelling-databases {
	width: 72%;
	position: relative;
	float: left;
	margin: 30px 10px 0 10px;
}
.storytelling-database {
	width: 97%;
	margin: 0 15px 50px 15px;
	border: solid 1px #333;
	border-radius: 20px 0 0 0;
	background: #000;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}
#projects-database {
}
#tools-database {
}
.database-text {
	width: 47.3%;
	height: 300px;
	margin: 15px 18px 15px 15px;
	position: relative;
	float: left;
	color: #DCDCDC;
	font-size: 20px;
	text-align: center;
	text-shadow: 0px 0px 10px #333;
	background: #000;
}
.database-title {
	font-size: 28px;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	word-spacing: 3px;
	-webkit-text-stroke: .5px white;
	margin-top: 20px;
	cursor: pointer;
	transition: color 1s, text-shadow 1s;
}
.database-title:hover {
	color: #000;
	text-shadow: 0px 0px 6px #FFFFFF;
}
.database-writeup {
	color: #B0B0B0;
	font-size: 16px;
	text-align: left;
	line-height: 20px;
	margin: 40px;
}
.database-miscellaneous {
	color: #DCDCDC;
	font-size: 16px;
	text-decoration: underline;
	text-align: left;
	text-transform: uppercase;
	margin: 15px 10px 0 0;
	float: left;
	cursor: pointer;
}
.database-miscellaneous:hover {
	color: #FFFFFF;
}
.featured-database-example {
	width: 47.3%;
	height: 300px;
	margin: 15px 0 15px 0;
	border: solid 1px #333;
	background: #FFFFFF;
}
.database-example {
	width: 22.7%;
	margin: 0 0 10px 15px;
	display: inline-block;
	background: #FFFFFF;
}
.database-example:hover {
	box-shadow: 0px 0px 10px #FFFFFF;
}